<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Genius</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
		<div class="container">
			<nav class="navbar navbar-expand-lg navbar-light bg-light bg-white">
			  <a class="navbar-brand logo" href="#">
			  	<img src="images/logo.jpg" alt="">
			  </a>
			  <button class="navbar-toggler position-absolute" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
			    <span class="navbar-toggler-icon"></span>
			  </button>
			  <div class="collapse navbar-collapse justify-content-end position-relative" id="navbarNav">
			    <ul class="navbar-nav">
			      <li class="nav-item active">
			        <a class="nav-link" href="#">HOME</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">ABOUT US</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">SERVICES</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">COURSES</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">PRICING</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">CONTACT</a>
			      </li>
			    </ul>
			  </div>
			</nav>
		</div>
		<div class="banner">
			<a href="#">
				<img src="images/banner.jpg" class="card-img-top" alt="">
			</a>
			<div class="container">
			<div class="txt">
				<h1>EDUCATION GENIUS</h1>
				<p>Lorem ipsum dolor sit amet,consectetur adipisicing elitincidunt elus maghi provident</p>
				<a href="#" class="btn">Eead More</a>
			</div>
			</div>
		</div>
	</header>
	<div class="main">
		<div class="courses box">
			<div class="container">
				<h2 class="title">Our Courses</h2>
				<p class="p-txt">Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
				<div class="row">
					<div class="col-md-4">
						<img src="images/icon.png" alt="">
						<div class="txt">
							<h3>Mobile Dev</h3>
							<p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
						</div>
					</div>
					<div class="col-md-4">
						<img src="images/icon.png" alt="">
						<div class="txt">
							<h3>Mobile Dev</h3>
							<p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
						</div>
					</div>
					<div class="col-md-4">
						<img src="images/icon.png" alt="">
						<div class="txt">
							<h3>Mobile Dev</h3>
							<p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<img src="images/icon.png" alt="">
						<div class="txt">
							<h3>Mobile Dev</h3>
							<p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
						</div>
					</div>
					<div class="col-md-4">
						<img src="images/icon.png" alt="">
						<div class="txt">
							<h3>Mobile Dev</h3>
							<p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
						</div>
					</div>
					<div class="col-md-4">
						<img src="images/icon.png" alt="">
						<div class="txt">
							<h3>Mobile Dev</h3>
							<p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="students box">
			<div class="container">
				<h2 class="title">Our Courses</h2>
				<p class="p-txt">Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
				<div class="row">
					<div class="col-md-6">
						<img src="images/bg-img.png" class="card-img-top" alt="">
					</div>
					<div class="col-md-6">
						<p>Lorem ipsum dolor sit amet,cadipisicing sit amet,consecteur adlipisicing elit.Atque sed,quidem quis praesentium,ut unde fuga error commodi architecto,orbus omins minus temporilbus perferendis,vero mollitia velit ad consecteur.Alias, laborum excepturi nihil autem nemo numquam,ipsa architecto non,magni consequuntlaudantium culpa tenetur at id,beatae pet.</p>
						<p>Lorem ipsum dolor sit amet,cadipisicing sit amet,consectetur adipsicing elit.adipisicing sit amet,consecteur adipisicing elit.Atque sed,quidem quis praesentium,m deserunt</p>
						<ul class="list-unstyled">
							<li>Lorem ipsum enimdolor sit amet</li>
							<li>Explicabo deleniti neque aliquid</li>
							<li>Consectetr adipisicing elit</li>
							<li>Lorem ipsum dolor sit amet</li>
							<li>Quo issimos molest quibusdam temporibus</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="events box">
			<div class="container">
				<h2 class="title">Our Events</h2>
				<p class="p-txt">Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
				<div class="row">
					<div class="col-md-4">
						<img src="images/events1.jpg" class="card-img-top" alt="">
						<h4>Feb</h4>
						<p>lorem ipsum dolor sit amet,consectetur adipis.</p>
					</div>
					<div class="col-md-4">
						<img src="images/events2.jpg" class="card-img-top" alt="">
						<h4>march</h4>
						<p>apsum dolor sit amet,consectetur adipislif.</p>
					</div>
					<div class="col-md-4">
						<img src="images/events3.jpg" class="card-img-top" alt="">
						<h4>April</h4>
						<p>dolor sit amet,consectetur adipisic indfeft.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="place box">
			<div class="container">
				<h2 class="title">Campus Placement</h2>
				<p class="p-txt">Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
				<div class="row card-bd">
					<div class="col-md-2 col-6 box-inner">
						<a href="#" class="card-box"></a>
					</div>
					<div class="col-md-2 col-6 box-inner">
						<a href="#" class="card-box"></a>
					</div>
					<div class="col-md-2 col-6 box-inner">
						<a href="#" class="card-box"></a>
					</div>
					<div class="col-md-2 col-6 box-inner">
						<a href="#" class="card-box"></a>
					</div>
					<div class="col-md-2 col-6 box-inner">
						<a href="#" class="card-box"></a>
					</div>
					<div class="col-md-2 col-6 box-inner">
						<a href="#" class="card-box"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-6">
						<h5>Our Contact</h5>
						<ul class="list-unstyled">
							<li>Target company Inc</li>
							<li>Jc Main Road,Near Silnile tower pin-21542 NewYork US.</li>
							<li>(123)456-789-1255-12584</li>
							<li>email@domainname.com</li>
						</ul>
					</div>
					<div class="col-md-3 col-6">
						<h5>Quick Links</h5>
						<ul class="list-unstyled">
							<li>Latest Events</li>
							<li>Terms and conditions</li>
							<li>Privacy policy</li>
							<li>Career</li>
							<li>Contact us</li>
						</ul>
					</div>
					<div class="col-md-3 col-6">
						<h5>Latest posts</h5>
						<ul class="list-unstyled">
							<li>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</li>
							<li>Pellenterque et pulvinar enim.Quisque at tempor ligula</li>
							<li>Natus error sit voluptatem accusantium doloremque</li>
						</ul>
					</div>
					<div class="col-md-3 col-6">
						<h5>Recent News</h5>
						<ul class="list-unstyled">
							<li>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</li>
							<li>Pellenterque et pulvinar enim.Quisque at tempor ligula</li>
							<li>Natus error sit voluptatem accusantium doloremque</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<script src="js/jquery-3.3.1.slim.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</body>
</html>